<template>
	<view class="pageContainer" :class="vi_pageSize">
		<vi-notify :top="topfix" ref="vi_notify"></vi-notify>
		<module-loading ref="vi_loading" :loading="vi_loading" :loadingMask="vi_loadingMask"></module-loading>
		<vi-headbar goback>
			<view slot="right">
				响应式
				<text class="response">开启</text>
				<text class="noresponse color-warning">关闭</text>
			</view>
			{{vi_pageTitle}}
		</vi-headbar>
		
		<view class="p-sm">
			<view class="">
				表格合并单元格
			</view>
			<view class="p-md">
				<table border="1" style="width: 100%;">
					<tr>
						<td>第一行</td>
						<td>第二列</td>
						<td>第三列</td>
						<td>第四列</td>
						<td>第五列</td>
					</tr>
					<tr>
						<td>第二行</td>
						<td colspan="2">1</td>
						<td>3</td>
						<td rowspan="2">4</td>
					</tr>
					<tr>
						<td>第三行</td>
						<td>1</td>
						<td>2</td>
						<td>3</td>
					</tr>
					<tr>
						<td>第四行</td>
						<td colspan="3">1</td>
						<td>4</td>
					</tr>
				</table>
			</view>
			<view class="mt-e2">
				pre、code
			</view>
			<view class="p-md">
				<pre>
					<strong>这里是加粗代码</strong>，<p>还有换行</p>
				</pre>
				<code>
					<strong>这里是加粗代码</strong>，<p>还有换行</p>
				</code>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.response{
	display: if($useResponse, inline, none);
}
.noresponse{
	display: if($useResponse, none, inline);
}
</style>
